aboutsummaryrefslogtreecommitdiff
path: root/src/routes/projects/[projectId]/routine
diff options
context:
space:
mode:
authorMartin Kagamino Lehoux <martin@lehoux.net>2026-09-08 09:12:25 +0200
committerMartin Kagamino Lehoux <martin@lehoux.net>2026-09-08 09:12:25 +0200
commit7d85a18867ca0fe2310218c63cfc696c0f916171 (patch)
tree184510b861bcda9e105322b79395dd3af512f580 /src/routes/projects/[projectId]/routine
parent4b2b964283075712de98743720ff3e31370ddc8e (diff)
Consolidate duplicated page CSS into app.css, share TestDb type
- Move .page-header/.back-link/.input-invalid/.save-status/.btn-done (plus hover/variant rules) into app.css as shared route scaffolding; delete per-page scoped copies - Unify drifted values: page-header padding 1rem -> 1.25rem (routine page), empty-state spacing 0.75/1.5rem -> 1/2rem (grocery detail), save-status margin -0.25rem applied on both pages, back-link margin 1.5rem -> 1rem (grocery detail); routine page's large Fait button is kept via a .btn-done-lg modifier - Export TestDb from test-helper and use it in the five db/service test files to shrink duplicated fixture scaffolding
Diffstat (limited to 'src/routes/projects/[projectId]/routine')
-rw-r--r--src/routes/projects/[projectId]/routine/[routineId]/+page.svelte57
1 files changed, 2 insertions, 55 deletions
diff --git a/src/routes/projects/[projectId]/routine/[routineId]/+page.svelte b/src/routes/projects/[projectId]/routine/[routineId]/+page.svelte
index 19713ae..bcdca79 100644
--- a/src/routes/projects/[projectId]/routine/[routineId]/+page.svelte
+++ b/src/routes/projects/[projectId]/routine/[routineId]/+page.svelte
@@ -221,7 +221,7 @@
placeholder="Note (optionnel)"
autocomplete="off"
/>
- <button class="btn-done" type="submit">Fait</button>
+ <button class="btn-done btn-done-lg" type="submit">Fait</button>
</form>
{/if}
@@ -244,29 +244,6 @@
</main>
<style>
- .back-link {
- display: inline-flex;
- align-items: center;
- gap: 0.375rem;
- margin-top: 1rem;
- color: var(--text-secondary);
- text-decoration: none;
- font-size: 0.875rem;
- font-weight: 500;
- transition: color 0.2s;
- }
-
- .back-link:hover {
- color: var(--accent);
- }
-
- .page-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: 1rem 0;
- }
-
.page-header h1 {
overflow-wrap: anywhere;
}
@@ -275,31 +252,12 @@
max-width: 8rem;
}
- .input-invalid {
- border-color: var(--danger);
- }
-
.desc {
width: 100%;
resize: vertical;
font-family: inherit;
}
- .save-status {
- font-size: 0.875rem;
- color: var(--success);
- font-weight: 500;
- visibility: hidden;
- opacity: 0;
- transition: opacity 0.2s ease;
- min-height: 1.25rem;
- }
-
- .save-status.visible {
- visibility: visible;
- opacity: 1;
- }
-
.section-title {
font-size: 0.75rem;
font-weight: 700;
@@ -368,21 +326,10 @@
flex: 1;
}
- .btn-done {
- flex-shrink: 0;
+ .btn-done-lg {
padding: 0.75rem 1.25rem;
- border: none;
border-radius: 0.75rem;
- background: var(--success);
- color: var(--white);
font-size: 0.9375rem;
- font-weight: 500;
- transition: all 0.2s ease;
- }
-
- .btn-done:hover {
- filter: brightness(1.05);
- transform: translateY(-1px);
}
.completion-row {